<link rel="stylesheet" href="market/css/market.css">
<div class="market">
    <div class="header" ng-include="'./common/header.html'"></div>
    <div class="wrapper clear">
        <section class="category">
            <ul>
                <li ng-repeat="(i, item) in categories" ng-class="{'active': i == currentIndex}" ng-click="chooseCategory()">
                    {{ item.name }}
                </li>
            </ul>
        </section>
        <section class="goods-list">
            <ul>
                <li class="clear" ng-repeat="(i, item) in goods">
                    <div class="img">
                        <img ng-src="{{ item.img }}" alt="">
                    </div>
                    <div class="info">
                        <h3>{{ item.name }}</h3>
                        <p>
                            <span class="jingxuan">精选</span>
                            <span class="sale">买一赠一</span>
                        </p>
                        <p class="weight">32g</p>
                        <p>
                            <span class="price">￥{{ item.price }}</span>
                            <span class="market-price" ng-if="item.price != item.market_price">￥{{ item.market_price }}</span>
                        </p>
                    </div>
                    <div class="btns">
                        <span class="reduce" ng-click="reduce()" ng-hide="item.count == 0"></span>
                        <span class="count" ng-hide="item.count == 0">{{ item.count }}</span>
                        <span class="add" ng-click="add()"></span>
                    </div>
                </li>
            </ul>
        </section>
    </div>
</div>
